<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html" charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
    <meta name="format-detection" content="telephone=no">
    <title>账单管理</title>
    <link rel="stylesheet" href="{{asset('/api/static/css/base.css')}}">
    <link rel="stylesheet" href="{{asset('/api/static/css/index.css')}}">
    <link rel="stylesheet" href="{{asset('/api/static/css/transfer.css')}}">
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = 100 * (clientWidth / 1080) + 'px';
                };
            recalc();
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
    <style type="text/css">
    html, body {
        width: 100%;
        height: auto;
        overflow: auto;
    }
    </style>
</head>
<body>
<section class="bill-wrap" id="billList">
    @if(empty($data))
        <span class="no-data">暂无数据</span>
    @else
    <ul class="assets-list img-title">
        @foreach($data as $key=>$val)

        <li>
            <a href="javascript:;" class="assets-href bill-href clearfix">
            <span class="fl">
              {{$val['created_at']}}
            </span>
                <span class="fr">
              <i class="c-red">
                  @if($val['deal_type']==3)
                      支出
                  @elseif($val['deal_type']==2)
                      支出
                  @elseif($val['deal_type']==1)
                      收入
                  @else
                      {{\APP\Models\PropertyInfo::$type[$val['type']]}}
                  @endif
              </i>
            </span>
            </a>
            <section class="number-msg bill-num-msg">
                <p>
                    <span>交易类型</span>
                    <span>币种</span>
                    <span>资金</span>
                </p>
                <p>
                    <span> {{$val['note']}}</span>
                    <span>{{$val['c_name']}}</span>

                    @if($val['type']==3)
                        @if($val['deal_type']==2)
                            <span>{{$val['total']}}</span>
                        @elseif($val['deal_type']==3)
                            <span>{{$val['proc']}}</span>
                        @else
                            <span>{{$val['num']}}</span>
                        @endif
                    @elseif($val['type']==4)
                        @if($val['deal_type']==2)
                            <span>{{$val['num']}}</span>
                        @elseif($val['deal_type']==3)
                            <span>{{$val['proc']}}</span>
                        @else
                            <span>{{$val['total']}}</span>
                        @endif
                    @else
                        <span>{{$val['total']}}</span>
                    @endif

                </p>
            </section>
        </li>
        @endforeach
    </ul>
    @endif
    <p class="noMoreData hide">没有更多了</p>
</section>
<script src="{{asset('/api/static/js/jquery-1.10.2.min.js')}}"></script>
<script src="{{asset('/admin/layui/layui.all.js') }}"></script>
<script>
var pageNow = 1,
    pageAdd = true;
window.addEventListener('scroll', function(){
    var docHeight = document.body.clientHeight - window.screen.height
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
    if( scrollTop>=(docHeight-300) ){
        if( pageAdd ){
            pageNow ++
            getMore()
        }
    }
});

function getMore (){
    pageAdd = false
    $.ajax({
        url: '/api/property_info_list_api',
        async: false,
        data: {uid: getQueryVariable('uid'), page: pageNow},
        dataType: 'JSON',
        success: function(resp){
            // console.log( resp )
            if( resp.status==1 ){
                var dataList = '';
                var respData = resp.data;
                for( var i in respData ){
                    if( respData[i].type==3 ){
                        if( respData[i].deal_type==2 ){
                            dataList += '<li>'
                                +'<a href="javascript:;" class="assets-href bill-href clearfix">'
                                +'<span class="fl">' + respData[i].created_at + '</span>'
                                +'<span class="fr">'
                                +'<i class="c-red">支出</i>'
                                +'</span>'
                                +'</a>'
                                +'<section class="number-msg bill-num-msg">'
                                +'<p>'
                                +'<span>交易类型</span>'
                                +'<span>币种</span>'
                                +'<span>资金</span>'
                                +'</p>'
                                +'<p>'
                                +'<span>'+ respData[i].note +'</span>'
                                +'<span>'+ respData[i].c_name +'</span>'
                                +'<span>'+ respData[i].total +'</span>'
                                +'</p>'
                                +'</section>'
                                +'</li>'
                        } else if( respData[i].deal_type==3 ) {
                            dataList += '<li>'
                                +'<a href="javascript:;" class="assets-href bill-href clearfix">'
                                +'<span class="fl">' + respData[i].created_at + '</span>'
                                +'<span class="fr">'
                                +'<i class="c-red">支出</i>'
                                +'</span>'
                                +'</a>'
                                +'<section class="number-msg bill-num-msg">'
                                +'<p>'
                                +'<span>交易类型</span>'
                                +'<span>币种</span>'
                                +'<span>资金</span>'
                                +'</p>'
                                +'<p>'
                                +'<span>'+ respData[i].note +'</span>'
                                +'<span>'+ respData[i].c_name +'</span>'
                                +'<span>'+ respData[i].proc +'</span>'
                                +'</p>'
                                +'</section>'
                                +'</li>'
                        } else {
                            dataList += '<li>'
                                +'<a href="javascript:;" class="assets-href bill-href clearfix">'
                                +'<span class="fl">' + respData[i].created_at + '</span>'
                                +'<span class="fr">'
                                +'<i class="c-red">收入</i>'
                                +'</span>'
                                +'</a>'
                                +'<section class="number-msg bill-num-msg">'
                                +'<p>'
                                +'<span>交易类型</span>'
                                +'<span>币种</span>'
                                +'<span>资金</span>'
                                +'</p>'
                                +'<p>'
                                +'<span>'+ respData[i].note +'</span>'
                                +'<span>'+ respData[i].c_name +'</span>'
                                +'<span>'+ respData[i].num +'</span>'
                                +'</p>'
                                +'</section>'
                                +'</li>'
                        }
                    } else if( respData[i].type==4 ){
                        if( respData[i].deal_type==2 ){
                            dataList += '<li>'
                                +'<a href="javascript:;" class="assets-href bill-href clearfix">'
                                +'<span class="fl">' + respData[i].created_at + '</span>'
                                +'<span class="fr">'
                                +'<i class="c-red">支出</i>'
                                +'</span>'
                                +'</a>'
                                +'<section class="number-msg bill-num-msg">'
                                +'<p>'
                                +'<span>交易类型</span>'
                                +'<span>币种</span>'
                                +'<span>资金</span>'
                                +'</p>'
                                +'<p>'
                                +'<span>'+ respData[i].note +'</span>'
                                +'<span>'+ respData[i].c_name +'</span>'
                                +'<span>'+ respData[i].num +'</span>'
                                +'</p>'
                                +'</section>'
                                +'</li>'
                        } else if( respData[i].deal_type==3 ) {
                            dataList += '<li>'
                                +'<a href="javascript:;" class="assets-href bill-href clearfix">'
                                +'<span class="fl">' + respData[i].created_at + '</span>'
                                +'<span class="fr">'
                                +'<i class="c-red">支出</i>'
                                +'</span>'
                                +'</a>'
                                +'<section class="number-msg bill-num-msg">'
                                +'<p>'
                                +'<span>交易类型</span>'
                                +'<span>币种</span>'
                                +'<span>资金</span>'
                                +'</p>'
                                +'<p>'
                                +'<span>'+ respData[i].note +'</span>'
                                +'<span>'+ respData[i].c_name +'</span>'
                                +'<span>'+ respData[i].proc +'</span>'
                                +'</p>'
                                +'</section>'
                                +'</li>'
                        } else {
                            dataList += '<li>'
                                +'<a href="javascript:;" class="assets-href bill-href clearfix">'
                                +'<span class="fl">' + respData[i].created_at + '</span>'
                                +'<span class="fr">'
                                +'<i class="c-red">收入</i>'
                                +'</span>'
                                +'</a>'
                                +'<section class="number-msg bill-num-msg">'
                                +'<p>'
                                +'<span>交易类型</span>'
                                +'<span>币种</span>'
                                +'<span>资金</span>'
                                +'</p>'
                                +'<p>'
                                +'<span>'+ respData[i].note +'</span>'
                                +'<span>'+ respData[i].c_name +'</span>'
                                +'<span>'+ respData[i].total +'</span>'
                                +'</p>'
                                +'</section>'
                                +'</li>'
                        }
                    } else {
                        if( respData[i].deal_type==1 ){
                            dataList += '<li>'
                                +'<a href="javascript:;" class="assets-href bill-href clearfix">'
                                +'<span class="fl">' + respData[i].created_at + '</span>'
                                +'<span class="fr">'
                                +'<i class="c-red">收入</i>'
                                +'</span>'
                                +'</a>'
                                +'<section class="number-msg bill-num-msg">'
                                +'<p>'
                                +'<span>交易类型</span>'
                                +'<span>币种</span>'
                                +'<span>资金</span>'
                                +'</p>'
                                +'<p>'
                                +'<span>'+ respData[i].note +'</span>'
                                +'<span>'+ respData[i].c_name +'</span>'
                                +'<span>'+ respData[i].total + '</span>'
                                +'</p>'
                                +'</section>'
                                +'</li>'
                        } else {
                            dataList += '<li>'
                                +'<a href="javascript:;" class="assets-href bill-href clearfix">'
                                +'<span class="fl">' + respData[i].created_at + '</span>'
                                +'<span class="fr">'
                                +'<i class="c-red">支出</i>'
                                +'</span>'
                                +'</a>'
                                +'<section class="number-msg bill-num-msg">'
                                +'<p>'
                                +'<span>交易类型</span>'
                                +'<span>币种</span>'
                                +'<span>资金</span>'
                                +'</p>'
                                +'<p>'
                                +'<span>'+ respData[i].note +'</span>'
                                +'<span>'+ respData[i].c_name +'</span>'
                                +'<span>'+ respData[i].total + '</span>'
                                +'</p>'
                                +'</section>'
                                +'</li>'
                        }
                    }
                }
                // console.log(dataList)
                $('#billList').find('.assets-list').append( dataList )
                if( respData.length>=10 ){
                    pageAdd = true
                } else {
                    $('.noMoreData').removeClass('hide')
                }
            } else {
                $('.noMoreData').removeClass('hide')
            }
        }
    });
}
function getQueryVariable(variable){
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
        if(pair[0] == variable){return pair[1];}
    }
    return(false);
}
</script>
</body>
</html>
